/*
 *  Copyright 2023 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
@border-color: #dde3ea;
@awaiting-bg: #dde3ea33;
@success-bg: #28a7450f;
@failure-bg: #cb24310f;
@text-color: #37352f;
@warning-bg: #fff3dc;

.connection-step-card {
  color: @text-color;
  box-sizing: border-box;
  border: 1px solid @border-color;
  border-radius: 4px;
  &.success {
    border-color: #28a7454d;
  }

  &.failure {
    border-color: #efbdc1;
  }
  &.warning {
    border-color: #ffe1a6;
  }
  .connection-step-card-header {
    background: @awaiting-bg;
    padding: 8px 16px;
    &.success {
      background: @success-bg;
    }

    &.failure {
      background: @failure-bg;
      border-bottom-color: #efbdc1;
    }
    &.warning {
      background: @warning-bg;
      border-bottom-color: #ffe1a6;
    }
    .awaiting-status,
    .skipped-status {
      color: @text-color;
      font-size: 12px;
      opacity: 0.6;
    }
    .success-status,
    .warning-status,
    .failure-status {
      color: @text-color;
    }
  }
  .connection-step-card-content {
    padding: 12px 16px;
    .connection-step-card-content-logs {
      .ant-collapse-header {
        padding: 0px;
        .ant-collapse-header-text {
          color: #0079ff;
        }
      }
      .ant-collapse-content-box {
        padding-left: 24px;
        padding-bottom: 0px;
        padding-top: 4px;
      }
    }
    .connection-step-card-content-divider {
      margin: 12px 0px;
    }
  }
}
